#login_container iframe{width: 300px; height: 400px;}
.hide{display: none;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none;}
input[type="number"]{-moz-appearance: textfield; outline: none;}
.switch-login-passwd{font-size: 12px; line-height: 17px; color: #999; position: absolute; bottom: 17px; left: 86px;}
.weixin-login-wrap{width: 400px; height: 450px; display: none; background-color: rgb(51, 51, 51); position: fixed; margin: -250px 0 0 -250px; padding: 50px 0 0 100px; left: 50%; top: 50%; z-index: 9998; box-shadow: 0 2px 10px 0 rgba(0,0,0,.3);}
.weixin-login-wrap .close-newcomer{width: 50px; height: 30px; font-size: 12px; line-height: 30px; color: #000; text-align: center; position: absolute; top: 0; right: 0;}
.weixin-login-wrap .close-newcomer:hover{background-color: red; color: #fff; cursor: pointer;}
.weixin-login-title{width: 500px; height: 30px; background-color: #dee1e6; position: absolute; left: 0; top: 0;}
#new-login-mask{width: 100%; height: 100%; display: none; background-color: rgba(0, 0, 0, .5); position: fixed; left: 0; top: 0; z-index: 1001;}
form{position: relative}
#login-box_home{width: 710px; height: 450px; display: none; background: #fff; position: fixed; left: 50%; top: 50%; margin-left: -330px; margin-top: -200px; z-index: 1002; box-shadow: 0 2px 10px 0 rgba(0,0,0,.3); border-radius: 20px; animation: winAlertIn .4s;}
.login-box_l{position: relative; width: 300px; height: 100%; background: linear-gradient(225deg, #6580FF 0%, #39AEFF 40%, #45E0FF 100%); border-radius: 20px 0px 0px 20px; float: left}
.login-box-lgun{position: absolute;left: 0;right: 0;padding-right: 20px;top: 157px;height: 56px;text-align: center;overflow: hidden;}
.login-box-lgun ul{animation: loginComHeadDefScroll 12s infinite;-webkit-animation: loginComHeadDefScroll 12s infinite;}
@keyframes loginComHeadDefScroll{0%{transform: translateY(0);}5%{transform: translateY(-56px);}50%{transform: translateY(-56px);}55%{transform: translateY(-112px);}100%{transform: translateY(-112px);}}
@-webkit-keyframes loginComHeadDefScroll{0%{transform: translateY(0);}5%{transform: translateY(-56px);}50%{transform: translateY(-56px);}55%{transform: translateY(-112px);}100%{transform: translateY(-112px);}}
.login-box-lgun li{height: 56px;color: #FFFFFF;line-height: 28px;letter-spacing: 1px;font-size: 18px;}
.login-box-lgun li span{color: #FFF967;}
.login-box_l .login-box_Ltips{position: absolute;top: 84px;left: 0px;width: 280px;font-size: 14px;color: #FFFFFF;line-height: 20px;letter-spacing: 2px;text-align: center;}
.login-box_l img{position: absolute;top: -5px;left: -108px;width: 406px;}
.login-box_r{width: 430px; height: 100%; float: left; position: absolute; top: 0; right: 0; box-sizing: border-box; padding: 30px 50px;  z-index: 1; background: #fff; border-radius: 20px;}
.login-box_r::before{content: '';position: absolute;width: 167px;height: 107px;top: 0;left: 0;background: url(//static.699pic.com/images/index/login-guangyun.png);background-size: 167px 107px;}
.login-box_r::after{content: '';position: absolute;width: 167px;height: 107px;bottom: 0;right: 0;background: url(//static.699pic.com/images/index/login-guangyun2.png);background-size: 167px 157px;}
.login-topicon{position: absolute;top: 0;left: 40px;width: 350px;height: 76px;background: url(//static.699pic.com/images/index/login-font.png);background-size: 350px 76px;}
.login-box_close{position: absolute; width: 40px; height: 40px; right: 0; top: 0; line-height: 40px; text-align: center; cursor: pointer}
.login-box_close i{display: block; color: #999; font-size: 14px; transition: .3s}
.login-box_close:hover i{transform: rotate(180deg)}
.login-box_logo{height: 43px; margin: 20px auto 14px; text-align: center}
.login-box_logo img{height: 100%; display: inline-block}
.login-box_desc{margin-bottom: 59px; line-height: 20px;  text-align: center;}
.login-box_desc span{position: relative;display: inline-block;color: #39AEFF;background: linear-gradient(225deg, #8CA0FF 0%, #6BCFFF 100%);background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.login-box_desc span::before,.login-box_desc span::after{content: "";position: absolute;top: 50%;transform: translateY(-50%);width: 70px;height: 1px;}
.login-box_desc span::before{left: -80px;background: linear-gradient(270deg, rgba(104, 193, 255, 1), rgba(104, 193, 255, 0));}
.login-box_desc span::after{right: -80px;background: linear-gradient(270deg, rgba(104, 193, 255, 0), rgba(104, 193, 255, 1));}
.operation-tool{position: relative; width: 100px; float: left; text-align: center; box-sizing: border-box}
.operation-tool .lastTime{position: absolute; left: 0; right: 0; bottom: -20px;}
.contact-qq{margin-left: 47px;}
.contact-wx{float: right; margin-right: 47px;}
.operation-tool.contact-phone{margin-left: 0;}
.operation-tool .operation-area{width: 100px; height: 100px; border-radius: 50%; margin-bottom: 10px; transition: .2s; background: #F4F5F8;}
.operation-tool .operation-area a{display: block; height: 100%}
.operation-tool .operation-area i{font-size: 46px; line-height: 98px; color: #39AEFF; transition: .2s; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.operation-tool p{font-size: 14px; color: #39AEFF;}
.operation-tool.contact-qq .operation-area i{background: linear-gradient(225deg, #6580FF 0%, #39AEFF 54%, #45C2FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.operation-tool.contact-wx .operation-area i{color: #69b813; background: linear-gradient(50deg, #8CE061 0%, #15CE8A 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.operation-tool.contact-wx p{color: #15CC8F;}
.operation-tool.contact-phone .operation-area:hover,.operation-tool.contact-phone .operation-area:hover i{background: #f80; color: #fff}
.operation-tool.contact-wx .operation-area:hover{background: linear-gradient(90deg, #E9F9E1 0%, #D4F1E6 100%);}
.operation-tool.contact-qq .operation-area:hover{background: linear-gradient(270deg, #E9EDFF 0%, #DDF0FF 50%, #DCF3FF 100%);}
.bottom-control{position: absolute; bottom: 17px; right: 20px; height: 17px; line-height: 17px; z-index: 1;}
.bottom-control p{font-size: 12px; color: #999; line-height: 17px}
.bottom-control p .iconfont{vertical-align: -2px}
.bottom-control p a,.bottom-control p span, .regist-text-tips a{color: #2caeff; user-select: none; cursor: pointer}
.login-area_content{}
.login-area_ways,.regist-area_ways{margin-top: 28px; margin-bottom: 20px; text-align: center;}
.login-area_ways span,.regist-area_ways span{position: relative; line-height: 28px; font-size: 16px; color: #999; cursor: pointer; margin: 0 13px; font-weight: bold;}
.login-area_ways span.active:before,.regist-area_ways span.active:before{content:''; position:absolute; left: 0; right: 0; width: 10px; height: 4px; bottom: -8px; margin: auto; background: linear-gradient(270deg, #6580FF 0%, #39AEFF 54%, #45C2FF 100%); border-radius: 3px;}
.login-area_ways span:nth-of-type(1),.regist-area_ways span:nth-of-type(1){}
.login-area_ways span:nth-of-type(2),.regist-area_ways span:nth-of-type(2){}
.login-area_ways span.active,.regist-area_ways span.active{color: #39AEFF; padding: 0;}
.login-area_item input,.regist-area_item input{display: block; border: 1px solid transparent; box-sizing: border-box; margin-bottom: 20px; line-height: 30px; font-size: 14px; padding: 0 12px; color: #333; position: relative; z-index: 2; width: 100%; height: 42px; background: #F4F5F8; border-radius: 20px;}
.regist-area_item-passwd input{height: 38px; margin-bottom: 18px;}
.login-area_item input::placeholder,.regist-area_item input::placeholder{color: #999}
.login-area_item div,.regist-area_item div{}
.login-area_item div.code input,.regist-area_item div.code input{width: 200px; float: left}
.login-area_item div.code button,.regist-area_item div.code button{}
.login-area_item div, .regist-area_item div{}
.clear{zoom:1}
.clear::after{content: ''; display: block; clear: both}
.error-text{height: 17px; margin-top: -10px; margin-bottom: 6px; font-size: 12px; color: #ff5002; line-height: 17px; text-indent: 12px}
.login-area_item div button,.regist-area_item div button{width: 120px; height: 42px; border-radius: 6px; float: right; font-size: 14px; cursor: pointer; outline: 0; border: 1px solid transparent; border-radius: 6px; color: #339EFF; background: linear-gradient(270deg, #F0F3FF 0%, #E8F5FF 50%, #EDF9FF 100%); border-radius: 20px;}
.regist-area_item-passwd div button{height:38px;}
.login-area_item input:focus,.regist-area_item input:focus{border-color: #2caeff}
.login-area_item div button.disabled,.regist-area_item div button.disabled{color: #999; background: #f2f2f2; cursor: not-allowed}
.login-area_item div button.counting-style,.regist-area_item div button.counting-style{background: #2caeff; border-color: #2caeff; color: #fff}
.login-area_item>button,.regist-area_item>button{width: 330px; height: 42px; display: block; background: linear-gradient(225deg, #6580FF 0%, #39AEFF 54%, #45C2FF 100%); border-radius: 21px; font-size: 18px; color: #fff; border: 0; margin-top: 30px; outline: 0; cursor: pointer}
.regist-area_item:nth-of-type(2)>button{margin-top: 10px}
.login-area_item>button:hover,.regist-area_item>button:hover{background: linear-gradient(45deg, #6580FF 0%, #39AEFF 54%, #45C2FF 100%);}
.login-area_item>button .coder-tips{position: absolute; bottom: -20px; right: 0; width: 120px; text-align: center; display: block; color: #999}
.login-area_item a,.regist-area_item a{line-height: 17px; text-align: right; display: block; height: 0; margin-top: -10px;}
.login-area_item a:hover,.regist-area_item a:hover{color: #2caeff}
.error-passwd,.error-phone,.error-verify,.fd-tips{display: none; color: #666; font-size: 12px; padding-left: 10px; height: 4px;}
.error-passwd,.error-phone,.error-verify,.fd-tips{position: relative; top: -17px;}
.fd-tips{margin-top: 6px}
.error-passwd i,.error-phone i,.error-verify i,.fd-tips i{margin-right: 5px; vertical-align: top}
.error-passwd i.error-icon,.error-phone i.error-icon,.error-verify i.error-icon,.fd-tips i.error-icon{color: #ff5002}
.error-passwd i.success-icon,.error-phone i.success-icon,.error-verify i.success-icon,.fd-tips i.success-icon{color: #67ca07}
.error-verify{display: none; clear: both; margin-top: -6px;}
.go-login_qqwx,.go-regist_qqwx{position: absolute; right: 295px; width: 100px; bottom: 0; cursor: pointer; user-select: none;z-index: 1;}
.error-phone, .error-passwd, .error-verify{opacity: 0;}
.js-phone-login-btn, .js-account-login-btn, .js-phone-regist-btn{width: 330px !important; position: absolute; bottom: 94px; margin: 0;}
.js-account-regist-btn{width: 330px; position: absolute; bottom: 73px; margin: 0;}
.new-phone-btn{font-size: 12px; line-height: 17px; position: absolute; left: 20px; bottom: 17px; color: #999;z-index: 1;}
.login-box_r .operation-tool .lastTime{color: #999; margin-top: 2px;}
.operation-tools .contact-phone{display: inline-block;}
.operation-tools .contact-phone .sticon{margin-right: 2px;vertical-align: -1px;}
.operation-tools .lastTime{display: inline-block; font-size: 12px; cursor: default; margin-top: 0;}
/* 隐私协议 */
.privacyPolicy-hint{position: absolute; left: 0; right: 0; bottom: 48px; text-align: center; margin-top: 20px; font-size: 12px; color: #666666; z-index: 1;}
.privacyPolicy-hint a{color: #2caeff;}
.privacyPolicy-hint a:hover{color: #1395E7; text-decoration: underline;}
.privacyPolicy-hint .iconfont{margin-right: 4px; color: #BBBBBB; font-size: 13px; cursor: pointer; transition: 0.2s;}
.privacyPolicy-hint:hover .icon-font{color: #2caeff;}
.privacyPolicy-tips{display: none; position: absolute; bottom: -30px; left: 79px; font-size: 12px; height: 23px; line-height: 23px; padding: 0 7px; color: #FFFFFF; background: #7B8093; border-radius: 14px;}
.privacyPolicy-tips::before{content: ''; position: absolute; top: -10px; left: 40px; border: 5px solid #7B8093; border-color: transparent transparent #7B8093 transparent;}
/* 挽留弹窗 */
.login-detainment{display:none;position:fixed;top:0;right:0;left:0;bottom:0;z-index:1001;margin:auto;background:#fff;width:380px;height:200px;text-align:center;border-radius:10px}
.login-detainment .icon-guanbi{position:absolute;top:20px;right:20px;font-size:18px;cursor:pointer;transition:.3s}
.login-detainment .icon-guanbi:hover{    transform: rotate(180deg);}
.login-detainment .sourceFile-titile{padding:46px 0 6px;color:#333;text-align:center;font-size:16px}.login-detainment .sourceFile-hint{font-size:16px;color:#333}
.login-detainment .sourceFile-link{position: relative;width:160px;height:40px;line-height:40px;display:inline-block;background:#2caeff;color:#fff;margin:18px 4px 0;border-radius:74px;font-size:18px}
.login-detainment .sourceFile-link sup{position: absolute;width: 135px;height: 26px;background: linear-gradient(270deg, #FF8609 0%, #FFB84A 100%);border-radius: 13px 13px 13px 0px;line-height: 26px;top: -13px;font-size: 14px;}
.login-detainment .sourceFile-link:hover{background:#239eea;}
.login-detainment .sourceFile-link2{width: 160px;height: 40px;line-height: 40px;display: inline-block;border: 1px solid #2caeff;color: #2caeff;margin: 18px 4px 0;border-radius: 74px;font-size: 18px;}
.login-detainment .sourceFile-link2:hover{background:#2caeff;color:#fff;}